<html lang="en-us">
	<head>
		<title><g:layoutTitle default="ExDebito"/></title>
		<meta charset="utf-8">
		<!--<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">-->

		<meta name="description" content="">
		<meta name="author" content="">
			
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
		

		<!-- Basic Styles -->
	
		<link rel="stylesheet" href="${resource(dir: 'site/css', file: 'bootstrap.min.css')}" type="text/css">
		<link rel="stylesheet" href="${resource(dir: 'site/css', file: 'datepicker3.css')}" type="text/css">
		<link rel="stylesheet" href="${resource(dir: 'site/css', file: 'font-awesome.min.css')}" type="text/css">
		<link rel="stylesheet" href="${resource(dir: 'site/css', file: 'smartadmin-production.min.css')}" type="text/css">
		<link rel="stylesheet" href="${resource(dir: 'site/css', file: 'smartadmin-skins.min.css')}" type="text/css">
		<link rel="stylesheet" href="${resource(dir: 'site/css', file: 'exdebito.css')}" type="text/css">
		
		<!-- IMPORTANT: APP CONFIG -->
		<script src="${resource(dir: 'site/js/libs', file: 'jquery-2.0.2.min.js')}"></script>	
		
		<!-- FAVICONS -->
		<link rel="shortcut icon" href="${resource(dir: 'img', file: 'ExDebito_icon.ico')}" type="image/x-icon">
		<link rel="icon" href="${resource(dir: 'img', file: 'ExDebito_icon.ico')}" type="image/x-icon">

		<!-- GOOGLE FONT -->
<%--		<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,300,400,700">--%>

		<!-- Specifying a Webpage Icon for Web Clip 
			 Ref: https://developer.apple.com/library/ios/documentation/AppleApplications/Reference/SafariWebContent/ConfiguringWebApplications/ConfiguringWebApplications.html -->
		<link rel="apple-touch-icon" href="img/splash/sptouch-icon-iphone.png">
		<link rel="apple-touch-icon" sizes="76x76" href="img/splash/touch-icon-ipad.png">
		<link rel="apple-touch-icon" sizes="120x120" href="img/splash/touch-icon-iphone-retina.png">
		<link rel="apple-touch-icon" sizes="152x152" href="img/splash/touch-icon-ipad-retina.png">
		
		<!-- iOS web-app metas : hides Safari UI Components and Changes Status Bar Appearance -->
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		
		<!-- Startup image for web apps -->
		<link rel="apple-touch-startup-image" href="img/splash/ipad-landscape.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape)">
		<link rel="apple-touch-startup-image" href="img/splash/ipad-portrait.png" media="screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait)">
		<link rel="apple-touch-startup-image" href="img/splash/iphone.png" media="screen and (max-device-width: 320px)">
		
	<script type="text/javascript">
	$(document).ready(function(){
			${remoteFunction(controller:'message',action:'status',update:'activity')}
			$("#sortable1, #sortable2").sortable({
				handle : '.handle',
				connectWith : ".todo",
				update : countTasks
			}).disableSelection();

			${remoteFunction(controller:'message',action:'eventNum',update:'eventNum')};
			
	});	

	// count tasks
	function countTasks(){
		$('.todo-group-title').each(function() {
			var $this = $(this);
			$this.find(".num-of-tasks").text($this.next().find("li").size());
		});
	}

	function openDetailMessagePP(value){			       
        ${remoteFunction(
			controller:'message',
			type:'POST',
			action:'messageDetail',
			params: '\'id=\'+value',
			update: [success: 'mesviewpp'],
			onComplete:'$("#detail_message").modal()'					
		)}		
    }
    	
	</script>
	
		<g:layoutHead/>
	</head>
	<body id="body" class="fixed-navigation fixed-header fixed-ribbon smart-style-1">
		<!-- possible classes: minified, fixed-ribbon, fixed-header, fixed-width smart-style-3-->

		<!-- HEADER -->
		<header id="header" >
			<div id="logo-group">

				<!-- PLACE YOUR LOGO HERE -->
				<span id="logo"> <img src="${resource(dir: 'site/img', file: 'logo.png')}" alt="ExDebito"> </span>
				<!-- END LOGO PLACEHOLDER -->
				<span id="activity" class="activity-dropdown" onclick="${remoteFunction(action:'status_change',controller:'message')}"> </span>
				<div class="ajax-dropdown">

					<!-- the ID links are fetched via AJAX to the ajax container "ajax-notifications" -->
					<div class="btn-group btn-group-justified" data-toggle="buttons">
						<label class="btn btn-default">
							<input type="radio" name="activity" id="/message/get_latest_messages" >
							Messaggi </label>
						<label class="btn btn-default">
							<input type="radio" name="activity" id="/message/get_latest_events">
							Eventi (<i id="eventNum"></i>) </label>
						<label class="btn btn-default">
							<input type="radio" name="activity" id="/message/get_latest_tasks">
							Tasks </label>
					</div>

					<!-- notification content -->
					<div class="ajax-notifications custom-scroll" >

						<div class="alert alert-transparent">
							<h4>Seleziona una tipologia per vedere le tue notifiche qui</h4>
							
						</div>

						<i class="fa fa-lock fa-4x fa-border"></i>

					</div>
					<!-- end notification content -->

					<!-- footer: refresh area -->
					<span> Ultimo aggiornamento : <g:formatDate date="${new Date()}" format="dd/MM/yyyy HH:mm"/> </span>
						
					<!-- end footer -->

				</div>

				
				
</div>
			
			

			<!-- pulled right: nav area -->
			<div class="pull-right">		

				<!-- collapse menu button -->
				<div id="hide-menu" class="btn-header pull-right">
					<span> <a id="collapse-menu" href="javascript:void(0);" data-action="toggleMenu" title="Chiudi Menu di Sinistra"><i class="fa fa-reorder"></i></a> </span>
				</div>
				<!-- end collapse menu -->
				
				<!-- login/logout management -->
<%--				${createLink(uri: '/j_spring_security_logout')}--%>
				<sec:ifLoggedIn>
				<div id="logout" class="btn-header transparent pull-right" rel="tooltip" data-placement="bottom" data-original-title="<i class='text-warning fa fa-warning'></i> Logout" data-html="true">
					<span> <a href="${createLink(uri: '/j_spring_security_logout')}" title="<g:message code="springSecurity.logout.alert.title"/>" data-action="userLogout" data-logout-msg="Sei sicuro di voler abbandonare la sessione?"><i class="fa fa-sign-out"></i></a> </span>
				</div>
				</sec:ifLoggedIn>
				
				<!-- end login/logout management -->

				<!-- search mobile button (this is hidden till mobile view port) 
				<div id="search-mobile" class="btn-header transparent pull-right">
					<span> <a href="javascript:void(0)" title="Search"><i class="fa fa-search"></i></a> </span>
				</div> -->
				<!-- end search mobile button -->

				<!-- input: search field 
				<form action="searching" class="header-search pull-right">
					<input id="search-fld"  type="text" name="param" placeholder="Find reports and more" data-autocomplete='[
					"ActionScript",
					"AppleScript",
					"Asp",
					"BASIC",
					"C",
					"C++",
					"Clojure",
					"COBOL",
					"ColdFusion",
					"Erlang",
					"Fortran",
					"Groovy",
					"Haskell",
					"Java",
					"JavaScript",
					"Lisp",
					"Perl",
					"PHP",
					"Python",
					"Ruby",
					"Scala",
					"Scheme"]'>
					<button type="submit">
						<i class="fa fa-search"></i>
					</button>
					<a href="javascript:void(0);" id="cancel-search-js" title="Cancel Search"><i class="fa fa-times"></i></a>
				</form>
				<!-- end input: search field -->

				<!-- fullscreen button -->
				<div id="fullscreen" class="btn-header  transparent pull-right" rel="tooltip" data-placement="bottom" data-original-title="<i class='text-info fa fa-info'></i> Full Screen" data-html="true">
					<span> <a href="javascript:void(0);" data-action="launchFullscreen" title="Full Screen"><i class="fa fa-arrows-alt"></i></a> </span>
				</div>
				<!-- end fullscreen button -->
				<!-- multiple lang dropdown : find all flags in the flags page -->
<!--				<ul class="header-dropdown-list hidden-xs">
					<li>
						<g:if test="${params.langSel=='it'}">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <img src="${resource(dir: 'site/img', file: 'blank.gif')}" class="flag flag-it" alt="Italiano"> <span> Italiano </span> <i class="fa fa-angle-down"></i> </a>
						</g:if>
						<g:if test="${params.langSel=='es'}">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <img src="${resource(dir: 'site/img', file: 'blank.gif')}" class="flag flag-es" alt="Español"> <span> Español </span> <i class="fa fa-angle-down"></i> </a>
						</g:if>
						<g:if test="${params.langSel=='en'}">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown"> <img src="${resource(dir: 'site/img', file: 'blank.gif')}" class="flag flag-gb" alt="English"> <span> English </span> <i class="fa fa-angle-down"></i> </a>
						</g:if>
						<ul class="dropdown-menu pull-right">
							<li <g:if test="${params.langSel=='it'}">class="active"</g:if>>
								<a href="?lang=it"><img src="img/blank.gif" class="flag flag-it" alt="Italy"> Italiano</a>
							</li>
							<li <g:if test="${params.langSel=='en'}">class="active"</g:if> >
								<a href="?lang=en"><img src="${resource(dir: 'site/img', file: 'blank.gif')}" class="flag flag-gb" alt="United States"> English</a>
							</li>
							<li <g:if test="${params.langSel=='es'}">class="active"</g:if>>
								<a href="?lang=es"><img src="${resource(dir: 'site/img', file: 'blank.gif')}" class="flag flag-es" alt="Spanish"> Español</a>
							</li>
													
						</ul>
					</li>
				</ul>-->
				<!-- end multiple lang -->
			
			
			</div>
			<!-- end pulled right: nav area -->

		</header>
		<!-- END HEADER -->

		<!-- Left panel : Navigation area -->
		<!-- Note: This width of the aside area can be adjusted through LESS variables -->
		<aside id="left-panel">

			<!-- User info -->
			<div class="login-info">
				<span> <!-- User image size is adjusted inside CSS, it should stay as it --> 
					
					
					<sec:ifLoggedIn>
					<a  id="show-shortcut" data-action="toggleShortcut">
						<g:if test="${exdutility.sec_personal_email()}" >
							<avatar:gravatar email="${exdutility.sec_personal_email()}" cssClass="online" defaultGravatarUrl="${'https://lh5.googleusercontent.com/-b0-k99FZlyE/AAAAAAAAAAI/AAAAAAAAAAA/eu7opA4byxI/photo.jpg?sz=200'.encodeAsURL()}" size="40"/>
						</g:if>	
						<g:else>
						<img src="https://lh5.googleusercontent.com/-b0-k99FZlyE/AAAAAAAAAAI/AAAAAAAAAAA/eu7opA4byxI/photo.jpg?sz=200"  alt="me" class="" />
						</g:else>	
						<span class="menu-item-parent txt-color-blue"><sec:loggedInUserInfo field="username"/></span>
					</a>
					</sec:ifLoggedIn>
					
				</span>
			</div>
			<!-- end user info -->

			<!-- NAVIGATION : This navigation is also responsive

			To make this navigation dynamic please make sure to link the node
			(the reference to the nav > ul) after page load. Or the navigation
			will not initialize.
			-->
			<nav>
				<!-- NOTE: Notice the gaps after each icon usage <i></i>..
				Please note that these links work a bit different than
				traditional href="" links. See documentation for details.
				-->

				<ul >
				<li >
						<a href="/"><i class="fa fa-lg fa-fw fa-home"></i> <span class="menu-item-parent">Agenda</span></a>
				</li>
					<li >
						<a href="#"><i class="fa fa-lg fa-fw fa-user"></i> <span class="menu-item-parent">Interviste</span><b class="collapse-sign"><em class="fa fa-minus-square-o"></em></b></a>
						<ul >
							<li>
								<a href="${createLink(controller:'interview',action:'list') }"><i class="fa  fa-group"></i>&nbsp;Interviste in Gestione</a>
							</li>						
<%--							<li>--%>
<%--								<a href="${createLink(controller:'interview',action:'search') }"><i class="fa  fa-search"></i>&nbsp;Ricerca Intervista</a>--%>
<%--							</li>--%>
							<sec:ifNotGranted roles="ROLE_AVV">
							<li>
								<a href="${createLink(controller:'interview') }"><i class="fa fa-user"></i>&nbsp;Nuova Intervista</a>
							</li>				
							</sec:ifNotGranted>		
						</ul>						
					</li>
					<li >
						<a href="#"><i class="fa fa-lg fa-fw fa-gavel"></i> <span class="menu-item-parent">Pr</span>atiche<b class="collapse-sign"><em class="fa fa-minus-square-o"></em></b></a>
						<ul >
							<li>
							<a href="${createLink(controller:'pratica',action:'list') }"><i class="fa  fa-gavel"></i>&nbsp; Pratiche in Gestione</a>
							</li>	
<%--							<li>--%>
<%--							<a href="#"><i class="fa  fa-search"></i>&nbsp; Ricerca Pratica</a>--%>
<%--							</li>	--%>
<%--							<li>--%>
<%--							<a href="#"><i class="fa  fa-gavel"></i>&nbsp; Nuova Pratica</a>--%>
<%--							</li>																				--%>
						</ul>						
					</li>	
					<li >
						<a href="#"><i class="fa fa-lg fa-fw  fa-cubes"></i> <span class="menu-item-parent">Utility</span><b class="collapse-sign"><em class="fa fa-minus-square-o"></em></b></a>
						<ul >
							<li>
							<a href="${createLink(controller:'fileDocument',action:'fileHome') }"><i class="fa  fa-cloud"></i>&nbsp;Gestione File</a>
							</li>						
													
						</ul>						
					</li>											
<%--					<li>--%>
<%--							<a href="${createLink(controller:'communication') }" ><i class="fa fa-lg fa-fw fa-bullhorn"></i> <span class="menu-item-parent">Comunicazione</span></a>--%>
<%--					</li>--%>
					
					<sec:ifAnyGranted roles="ROLE_ADMIN,ROLE_AMM">
					
					<li>
						<a href="#"><i class="fa fa-lg fa-fw fa-group"></i> <span class="menu-item-parent">Credenziali</span><b class="collapse-sign"><em class="fa fa-minus-square-o"></em></b></a>
						<ul>
							<li>
								<a href="${createLink(controller:'User',action:'show') }" ><i class="fa fa-lg fa-fw fa-user"></i> <span class="menu-item-parent">User</span></a>
							</li>
							<sec:ifAnyGranted roles="ROLE_ADMIN">
								<li>	
									<a href="${createLink(controller:'Role',action:'show') }" ><i class="fa fa-lg fa-fw  fa-lock"></i> <span class="menu-item-parent">Role</span></a>	
								<li> 
							</sec:ifAnyGranted> 
							<sec:ifAnyGranted roles="ROLE_ADMIN,ROLE_AMM,ROLE_BCKOFF">
								<li>
									<a href="${createLink(controller:'Perito',action:'list') }" ><i class="fa fa-lg fa-fw fa-user"></i> <span class="menu-item-parent">Periti</span> &nbsp;&nbsp;<span class="badge bg-color-red">NEW</span></a>
								</li>
							</sec:ifAnyGranted>
						</ul>
					</li>
					</sec:ifAnyGranted>
				</ul>
			</nav>
			

		</aside>
		<!-- END NAVIGATION -->

		<!-- MAIN PANEL -->
		<div id="main" role="main">
			<g:layoutBody />
		</div>
		<!-- END MAIN PANEL -->
		
		<!-- PAGE FOOTER -->
		<div class="page-footer">
			<div class="row" align="right">
				<div class="col-xs-12 col-sm-12">
					<a href="http://www.macro-solution.it" target="_blank"><span class="txt-color-white">MacroSolution S.r.l. © 2015</span></a>
				</div>

				<div class="col-xs-6 col-sm-6 text-right hidden-xs">
					<div class="txt-color-white inline-block">
						
						
					
					</div>
				</div>
			</div>
		</div>
		<!-- END PAGE FOOTER -->
		

		<!-- SHORTCUT AREA : With large tiles (activated via clicking user name tag)
		Note: These tiles are completely responsive,
		you can add as many as you like
		-->
		<div id="shortcut">
			<ul>
				<li>
					<a href="${createLink(controller:'profile',action:'info')}" class="jarvismetro-tile big-cubes bg-color-blue"> <span class="iconbox"> <i class="fa  fa-user fa-4x"></i> <span>Informazioni </span> </span> </a>
				</li>
				
				<li>
					<a href="${createLink(controller:'profile',action:'avatar')}" class="jarvismetro-tile big-cubes bg-color-blue"> <span class="iconbox"> <i class="fa fa-camera fa-4x"></i> <span>Avatar </span> </span> </a>
				
				</li>
				<li>
					<a href="${createLink(controller:'profile',action:'password')}" class="jarvismetro-tile big-cubes bg-color-blue"> <span class="iconbox"> <i class="fa fa-lock fa-4x"></i> <span>Password </span> </span> </a>
				
				</li>
				<li class="pull-right">
					<a href="#" data-action="toggleShortcut"><i class="fa fa-times fa-2x"></i></a> 
				</li>
				
			</ul>
		</div>
		<!-- END SHORTCUT AREA -->

		<!--================================================== -->

		

		
		
		
        <script src="${resource(dir: 'site/js/libs', file: 'jquery-ui-1.10.3.min.js')}"></script>
		<script src="${resource(dir: 'site/js', file: 'app.config.js')}"></script>
		<!-- JS TOUCH : include this plugin for mobile drag / drop touch events-->
		<script src="${resource(dir: 'site/js/plugin/jquery-touch', file: 'jquery.ui.touch-punch.min.js')}"></script> 
		<!-- BOOTSTRAP JS -->
		<script src="${resource(dir: 'site/js/bootstrap', file: 'bootstrap.min.js')}"></script>
		<!-- CUSTOM NOTIFICATION -->
		<script src="${resource(dir: 'site/js/notification', file: 'SmartNotification.min.js')}"></script>
		<!-- JARVIS WIDGETS -->
		<script src="${resource(dir: 'site/js/smartwidgets', file: 'jarvis.widget.min.js')}"></script>
		<!-- SPARKLINES -->
		<script src="${resource(dir: 'site/js/plugin/sparkline', file: 'jquery.sparkline.min.js')}"></script>
		<!-- JQUERY VALIDATE -->
		<script src="${resource(dir: 'site/js/plugin/jquery-validate', file: 'jquery.validate.min.js')}"></script>
		<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.12.0/additional-methods.min.js" type="text/javascript"></script>

		<!-- JQUERY MASKED INPUT -->
		<script src="${resource(dir: 'site/js/plugin/masked-input', file: 'jquery.maskedinput.min.js')}"></script>

		<!-- JQUERY SELECT2 INPUT -->
		<script src="${resource(dir: 'site/js/plugin/select2', file: 'select2.min.js')}"></script>
		<script src="${resource(dir: 'site/js/plugin/bootstrap-slider', file: 'bootstrap-slider.min.js')}"></script>
		<script src="${resource(dir: 'site/js/plugin/bootstrap-datepicker', file: 'bootstrap-datepicker.js')}"></script>
		

		<!-- browser msie issue fix -->
		<script src="${resource(dir: 'site/js/plugin/msie-fix', file: 'jquery.mb.browser.min.js')}"></script>

		<!-- FastClick: For mobile devices -->
		<script src="${resource(dir: 'site/js/plugin/fastclick', file: 'fastclick.min.js')}"></script>
		
		<script src="${resource(dir: 'site/js/plugin/currency', file: 'currency.min.js')}"></script>
		
		
		<!--[if IE 8]>

		<h1>Your browser is out of date, please update your browser by going to www.microsoft.com/download</h1>

		<![endif]-->
		
		<script src="${resource(dir: 'site/js', file: 'app.min.js')}"></script>
		
		
		
		
			
		
		
<div class="device-xs visible-xs"></div>
<div class="device-sm visible-sm"></div>
<div class="device-md visible-md"></div>
<div class="device-lg visible-lg"></div>
	</body>



